<template>
  <a-modal :visible="visible" :footer="null" :width="927" :centered="true" :zIndex="1001" @cancel="onClose">
    <div class="notice">
      <!-- <div class="title">
        <img src="../../assets/img/userNotice/notice-logo.png" :width="29" :height="26" alt=""> <span style="margin-left: 10px;">信息内容错敏词事前审核平台</span>
      </div> -->
      <a-button type="danger" class="closeBtn" @click="onClose">关闭</a-button>
    </div>
  </a-modal>
</template>

<script>
export default {
  name: 'UserNotice',
  components: {},
  data() {
    return {
      visible: false,
    };
  },
  created() {},
  methods: {
    show(state) {
      this.visible = state;
    },
    onClose() {
      this.visible = false;
    },
    init() {
      this.form = {};
    },
  },
};
</script>

<style lang="less" scoped>
/deep/ .ant-modal-body {
  background-image: url('../../assets/img/userNotice/notice-bg.png');
}
.notice {
  height: 545px;
  .title {
    display: flex;
    font-size: 20px;
  }
  .closeBtn {
    position: absolute;
    left: 43%;
    bottom: 30px;
    width: 88px;
    height: 34px;
    background: linear-gradient(328deg, #cc3232 0%, #ed5050 100%);
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
  }
}
</style>
